﻿
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="contextPath" value="<%=getServletContext().getContextPath()%>" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>MCE|Account</title>
    <link rel="stylesheet" href="${contextPath }/resources/css/mce.css"></link>
    <link rel="stylesheet" href="${contextPath }/resources/css/size.css" ></link>
    <link rel="stylesheet" href="${contextPath }/resources/css/jquery-ui.css" ></link>
    <link href='http://fonts.googleapis.com/css?family=Lato:400,300,700,400italic' rel='stylesheet' type='text/css' ></link>
    <script type="text/javascript" src="${contextPath }/resources/js/jquery/jquery-1.10.1.js"></script>
    <script type="text/javascript" src="${contextPath }/resources/js/jquery-ui/jquery-ui.js"></script>
    <script type="text/javascript" src="${contextPath }/resources/js/validation/validation.js"></script>
    
    <script type="text/javascript" src="${contextPath }/resources/js/client/Home.js"></script>
    <style type="text/css">
        /*--Change style for dialog title-->*/
       
        .ui-widget-header,
        .ui-button {
            background-color:#ff933a;
            color:#fff;
        }
        a.inquiry{margin:0px 6px;}
        table.mce td{height: 23px;}
    </style>
</head>
<body>
    <div id="ovl" class="ovl"></div>
    <div class="mceContainer">
        <!--HOME BANNER CONTAINER-->
        <div class="afterHeaderContainer">
            <!--NAVIGATION MENU-->
            <%@include file="right-include/top-header.jsp" %>
            <!--/NAVIGATION MENU-->
        </div>
        <!--/HOME BANNER CONTAINER-->
        <!--MAIN CONTAINER-->
        <div class="mainContainer" style="width:1100px;">
            <table class="wrapContainer">
                <tr>
                    <td class="left" style="width:20%;">
                        <!--LEFT CONTAINER-->
                        <div class="wrapDataContainer borderRight">
                            <p class="subject">Account</p>
                            <h2>Account Settings</h2>
                            <p class="bold">PC Marcato Elevator Company</p>   
                            <br/>                         
                            <p class="bold" style=" margin-top: -10px;">Customer #: <span style="font-weight:normal;">NYPS1000</span></p>
                            <p class="bold">Contact ID: <span style="font-weight:normal;">0000026850</span></p>
                            <p class="bold">Contact Name: <span style="font-weight:normal;">Element Tester</span></p>
                            <br/>
                            <p style="width:100%;  margin-top: -10px;">jb@pcmarcatoele.com</p>
                            <p style="width:100%;">856-834-9283</p>
                            <br />
                            <p style="width:100%;  margin-top: -10px;">8113 Marcoto Street Long Island City South Australia</p>                            
                            <div style="margin-top: 10px;">
	                            <c:url var="changePassword" value="change-password"></c:url>                                                       
	                            <a href="${contextPath}/${changePassword}" class="mceLinkAction">Change Password</a>
	                            <div class="clearBoth" />
	                            <c:url var="logOut" value="logout"></c:url>
	                            <a href="${contextPath}/${logOut}" class="mceLinkAction">Logout</a>
                            </div>
                        </div>
                        <!--/LEFT CONTAINER-->
                    </td>
                    <td>
                        <!--BODY CONTAINER-->
                        <div class="wrapDataContainer">
                            <div class="title">
                                ACCOUNT DASHBOARD
                            </div>
                            <div class="wrap-item-container">
                                <div class="buttonContainer">
                                    <input type="button" onclick="javascript: window.location.href = '${contextPath}/create-quote';" class="mce back" style="font-weight:normal" value="New Quote" />
                                    <input type="button" onclick="javascript:window.location.href='${contextPath}/quote-history'" class="mce back" style="font-weight:normal" value="My Quotes" />
                                    <input type="button" onclick="javascript: window.location.href = '${contextPath}/order-history'" class="mce back" style="font-weight:normal" value="My Orders" />
                                </div>
                            </div>
                            <div class="wrap-item-container">
                                <p class="dashboad-description">
                                    The Element quotes you previously created are listed below. To start a New Quote or New Order please select from the Account Dashboard links above.
                                </p>
                            </div>
                            <!--QUOTE-->
                            <div class="wrap-item-container">
                                <div class="category-title">
                                    Recent Quotes
                                    <span class="normal-gray-and-italic">Last 90 days</span>
                                    <span class="info-icon" title="Recent Quotes"></span>
                                </div>
                            </div>
                            <div class="wrap-item-container" style="line-height:16px;">
                                <table class="mce">
                                    <tr class="seek">
                                        <td class="wd_75">20146358</td>
                                        <td class="wd_200">FPT Test Data</td>
                                        <td class="wd_100">10/13/2014</td>
                                        <td class="options">
                                        	<a href="${contextPath}/receive-quote-for-create-order-simplex" class="inquiry">Order</a>
                                        	<a href="${contextPath}/edit-quote/system-configuration-simplex" class="inquiry">Edit</a>
                                            <a href="${contextPath}/resources/files/PDFCreate.pdf" target="_blank" class="inquiry">View</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>20078828</td>
                                        <td>NAEC-A</td>
                                        <td>10/09/2014</td>
                                        <td class="options">                                            
                                            <a href="${contextPath}/receive-quote-for-place-order-duplex" class="inquiry">Order</a>
                                            <a href="${contextPath}/edit-quote-duplex/system-configuration" class="inquiry">Edit</a>
                                            <a href="${contextPath}/resources/files/PDFCreate.pdf" target="_blank" class="inquiry">View</a>
                                        </td>
                                    </tr>
                                    <tr class="seek">
                                        <td>20078855</td>
                                        <td>chitest 2310/14</td>
                                        <td>10/09/2014</td>
                                        <td class="options">
                                        	<a href="${contextPath}/receive-quote-for-create-order-simplex" class="inquiry">Order</a>
                                        	<a href="${contextPath}/edit-quote/system-configuration-simplex" class="inquiry">Edit</a>
                                            <a href="${contextPath}/resources/files/PDFCreate.pdf" target="_blank" class="inquiry">View</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>20078846</td>
                                        <td>Testing With FPT 10/8/14</td>
                                        <td>10/08/2014</td>
                                        <td class="options">                                            
                                            <a href="${contextPath}/receive-quote-for-place-order-duplex" class="inquiry">Order</a>
                                            <a href="${contextPath}/edit-quote-duplex/system-configuration" class="inquiry">Edit</a>
                                            <a href="${contextPath}/resources/files/PDFCreate.pdf" target="_blank" class="inquiry">View</a>
                                        </td>
                                    </tr>
                                    <tr class="seek">
                                        <td>20078847</td>
                                        <td>Test Quan-0016</td>
                                        <td>10/07/2014</td>
                                        <td class="options">
                                        	<a href="${contextPath}/receive-quote-for-create-order-simplex" class="inquiry">Order</a>
                                        	<a href="${contextPath}/edit-quote/system-configuration-simplex" class="inquiry">Edit</a>
                                            <a href="${contextPath}/resources/files/PDFCreate.pdf" target="_blank" class="inquiry">View</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>20146358</td>
                                        <td>Test Web Quotation-Quan-0026</td>
                                        <td>10/13/2014</td>
                                        <td class="options">                                            
                                            <a href="${contextPath}/receive-quote-for-place-order-duplex" class="inquiry">Order</a>
                                            <a href="${contextPath}/edit-quote-duplex/system-configuration" class="inquiry">Edit</a>
                                            <a href="${contextPath}/resources/files/PDFCreate.pdf" target="_blank" class="inquiry">View</a>
                                        </td>
                                    </tr>
                                    <tr class="seek">
                                        <td>20078828</td>
                                        <td>NAEC-A</td>
                                        <td>10/09/2014</td>
                                        <td class="options">
                                        	<a href="${contextPath}/receive-quote-for-create-order-simplex" class="inquiry">Order</a>
                                        	<a href="${contextPath}/edit-quote/system-configuration-simplex" class="inquiry">Edit</a>
                                            <a href="${contextPath}/resources/files/PDFCreate.pdf" target="_blank" class="inquiry">View</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>20078855</td>
                                        <td>chitest 2310/14</td>
                                        <td>10/09/2014</td>
                                        <td class="options">                                            
                                            <a href="${contextPath}/receive-quote-for-place-order-duplex" class="inquiry">Order</a>
                                            <a href="${contextPath}/edit-quote-duplex/system-configuration" class="inquiry">Edit</a>
                                            <a href="${contextPath}/resources/files/PDFCreate.pdf" target="_blank" class="inquiry">View</a>
                                        </td>
                                    </tr>
                                    <tr class="seek">
                                        <td>20078846</td>
                                        <td>Testing With FPT 10/8/14</td>
                                        <td>10/08/2014</td>
                                        <td class="options">
                                        	<a href="${contextPath}/receive-quote-for-create-order-simplex" class="inquiry">Order</a>
                                        	<a href="${contextPath}/edit-quote/system-configuration-simplex" class="inquiry">Edit</a>
                                            <a href="${contextPath}/resources/files/PDFCreate.pdf" target="_blank" class="inquiry">View</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>20078847</td>
                                        <td>Test Quan-0016</td>
                                        <td>10/07/2014</td>
                                        <td class="options">                                            
                                            <a href="${contextPath}/receive-quote-for-place-order-duplex" class="inquiry">Order</a>
                                            <a href="${contextPath}/edit-quote-duplex/system-configuration" class="inquiry">Edit</a>
                                            <a href="${contextPath}/resources/files/PDFCreate.pdf" target="_blank" class="inquiry">View</a>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class="wrap-item-container-paging">                            	
                           		<c:url var="quoteHistory" value="quote-history"></c:url>
                               	<a style="line-height: 43px;" class="mce-blue" href="${contextPath}/${quoteHistory}">Quote History</a>
                                <div class="mce paging-control">
                                    <span class="first"></span>
                                    <span class="prevous"></span>
                                    <span>1</span>
                                    <span class="dotted">...</span>
                                    <span>4</span>
                                    <span>5</span>
                                    <span class="active">6</span>
                                    <span>7</span>
                                    <span>8</span>
                                    <span class="dotted">...</span>
                                    <span>10</span>
                                    <span class="next"></span>
                                    <span class="last"></span>
	                            </div>
                            </div>
                            <!--/QUOTE-->

                            <!--ORDER-->
                            <div class="wrap-item-container">
                                <div class="category-title">
                                    Recent Orders
                                    <span class="normal-gray-and-italic">Last 90 days</span>
                                    <span class="info-icon" title="Recent Orders"></span>
                                </div>
                            </div>
                            <div class="wrap-item-container" style="line-height:16px;">
                                <table class="mce">
                                    <tr class="seek">
                                        <td class="wd_75">0000086544</td>
                                        <td class="wd_200">NAEC SA</td>
                                        <td class="wd_100">09/16/2014</td>
                                        <td class="options">
                                            <a href="javascript:showStatus();" class="inquiry">STATUS</a>
                                            <a href="${contextPath}/resources/files/PDFOrder.pdf" target="_blank" class="inquiry">VIEW</a>
                                            <a href="${contextPath}/resources/files/ProductSummarySimplex.pdf" target="_blank" class="inquiry">CONFIGURATION</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>0000086543</td>
                                        <td>Shoab_9-15-14</td>
                                        <td>09/15/2014</td>
                                        <td class="options">
                                            <a href="javascript:showStatus();" class="inquiry">STATUS</a>
                                            <a href="${contextPath}/resources/files/PDFOrder.pdf" target="_blank" class="inquiry">VIEW</a>
                                            <a href="${contextPath}/resources/files/ProductSummaryDuplex.pdf" target="_blank" class="inquiry">CONFIGURATION</a>
                                        </td>
                                    </tr>
                                    <tr class="seek">
                                        <td>0000086542</td>
                                        <td>Giang's test quote</td>
                                        <td>09/12/2014</td>
                                        <td class="options">
                                            <a href="javascript:showStatus();" class="inquiry">STATUS</a>
                                            <a href="${contextPath}/resources/files/PDFOrder.pdf" target="_blank" class="inquiry">VIEW</a>
                                            <a href="${contextPath}/resources/files/ProductSummarySimplex.pdf" target="_blank" class="inquiry">CONFIGURATION</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>0000086541</td>
                                        <td>Test-Quan-0011</td>
                                        <td>09/12/2014</td>
                                        <td class="options">
                                            <a href="javascript:showStatus();" class="inquiry">STATUS</a>
                                            <a href="${contextPath}/resources/files/PDFOrder.pdf" target="_blank" class="inquiry">VIEW</a>
                                            <a href="${contextPath}/resources/files/ProductSummaryDuplex.pdf" target="_blank" class="inquiry">CONFIGURATION</a>
                                        </td>
                                    </tr>
                                    <tr class="seek">
                                        <td>0000086540</td>
                                        <td>Test-Quan-0010</td>
                                        <td>09/09/2014</td>
                                        <td class="options">
                                            <a href="javascript:showStatus();" class="inquiry">STATUS</a>
                                            <a href="${contextPath}/resources/files/PDFOrder.pdf" target="_blank" class="inquiry">VIEW</a>
                                            <a href="${contextPath}/resources/files/ProductSummarySimplex.pdf" target="_blank" class="inquiry">CONFIGURATION</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>0000086539</td>
                                        <td>Test-Quan-0009</td>
                                        <td>09/09/2014</td>
                                        <td class="options">
                                            <a href="javascript:showStatus();" class="inquiry">STATUS</a>
                                            <a href="${contextPath}/resources/files/PDFOrder.pdf" target="_blank" class="inquiry">VIEW</a>
                                            <a href="${contextPath}/resources/files/ProductSummaryDuplex.pdf" target="_blank" class="inquiry">CONFIGURATION</a>
                                        </td>
                                    </tr>
                                    <tr class="seek">
                                        <td>0000086538</td>
                                        <td>Test-Quan-0008</td>
                                        <td>09/09/2014</td>
                                        <td class="options">
                                            <a href="javascript:showStatus();" class="inquiry">STATUS</a>
                                            <a href="${contextPath}/resources/files/PDFOrder.pdf" target="_blank" class="inquiry">VIEW</a>
                                            <a href="${contextPath}/resources/files/ProductSummarySimplex.pdf" target="_blank" class="inquiry">CONFIGURATION</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>0000086537</td>
                                        <td>Test-Quan-0007</td>
                                        <td>09/09/2014</td>
                                        <td class="options">
                                            <a href="javascript:showStatus();" class="inquiry">STATUS</a>
                                            <a href="${contextPath}/resources/files/PDFOrder.pdf" target="_blank" class="inquiry">VIEW</a>
                                            <a href="${contextPath}/resources/files/ProductSummaryDuplex.pdf" target="_blank" class="inquiry">CONFIGURATION</a>
                                        </td>
                                    </tr>
                                    <tr class="seek">
                                        <td>0000086536</td>
                                        <td>Test-Quan-0006</td>
                                        <td>09/09/2014</td>
                                        <td class="options">
                                            <a href="javascript:showStatus();" class="inquiry">STATUS</a>
                                            <a href="${contextPath}/resources/files/PDFOrder.pdf" target="_blank" class="inquiry">VIEW</a>
                                            <a href="${contextPath}/resources/files/ProductSummarySimplex.pdf" target="_blank" class="inquiry">CONFIGURATION</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>0000086535</td>
                                        <td>chitest0909</td>
                                        <td>09/09/2014</td>
                                        <td class="options">
                                            <a href="javascript:showStatus();" class="inquiry">STATUS</a>
                                            <a href="${contextPath}/resources/files/PDFOrder.pdf" target="_blank" class="inquiry">VIEW</a>
                                            <a href="${contextPath}/resources/files/ProductSummaryDuplex.pdf" target="_blank" class="inquiry">CONFIGURATION</a>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class="wrap-item-container-paging">                            	
                           		<c:url var="orderHistory" value="order-history"></c:url>
                                <a style="line-height: 43px;"  class="mce-blue" href="${contextPath}/${orderHistory}">Order History</a>
                                <div class="mce paging-control">
                                    <span class="first"></span>
                                    <span class="prevous"></span>
                                    <span>1</span>
                                    <span class="dotted">...</span>
                                    <span>4</span>
                                    <span>5</span>
                                    <span class="active">6</span>
                                    <span>7</span>
                                    <span>8</span>
                                    <span class="dotted">...</span>
                                    <span>10</span>
                                    <span class="next"></span>
                                    <span class="last"></span>
                                </div>
                            </div>                            
                            <!--/ORDER-->
                        </div>
                        <!--/BODY CONTAINER-->
                    </td>
                    <td class="right" style="width:20%;">
                        <%@include file="right-include/right.jsp" %>
                    </td>
                </tr>
            </table>
        </div>
        <!--/MAIN CONTAINER-->
        <!--FOOTER CONTAINER-->
        <div class="footerContainer">
            <img src="${contextPath }/resources/images/Nidec.jpg" />
            <img src="${contextPath }/resources/images/MCE.jpg" />
            <div class="clearBoth" />
            <p class="copyRight">Copyright 2014 Motion Control Engineering. All Rights Reserved</p>
        </div>
        <!--/FOOTER CONTAINER-->
    </div>
    <!--DIALOG-->
    <div id="orderStatusDialog" title="Order Status">
        <p class="mce">Expected Ship Date:  01/13/2015</p>
        <p class="mce">Shipped Date: 01/12/2015</p>
        <p class="mce">Tracking No: </p>
    </div>
    <!--DIALOG-->
</body>
</html>
